<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scable=0">
    <title>Title</title>


    <style>
        *{margin:0;padding:0;}

        .top{text-align:center;padding-top:30px;padding-bottom:30px;}
        .top image{width:50px;display:inline-block;}
        .top p{color:#a6a6a6;font-size:14px;padding-top:10px;}


        .link{padding:0 5% 20px;border-bottom:3px solid #ccc;}
        .link p{padding-bottom: 5px;}
        .link p em{color:#333;font-size:14px;display: inline-block;font-style:normal;width:30%;vertical-align: top;}
        .link p i{color:#5f5e5e;padding-left:5%;font-style:normal;font-size:14px;display: inline-block;  width:59%;}

        article{padding:0 5%;}
        article h3{padding:15px 0;font-size:20px;border-bottom:1px solid #eee;}
        article p{padding-top:10px;font-size:12px;color:#5f5e5e;line-height:25px;}

        footer{padding-top:30px;text-align:center;font-size:12px;color:#a6a6a6;padding-bottom:5px;}
    </style>

</head>
<body>


<div class="top">
    <img src="logo.png" alt="">
    <p>当前版本：V1.1.0</p>
</div>

<div class="link">
    <p><em>联系电话：</em><i>400-7828-4792</i></p>
    <p><em>公司邮箱：</em><i>hfus@126.com</i></p>
    <p><em>服务地址：</em><i>北京市朝阳区北京市朝阳区北京市朝阳区北京市朝阳</i></p>
</div>



<article>
    <h3>公司简介</h3>
    <p>活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间</br>活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间活动时间和数据恢复时间</p>
</article>

<footer>CopyRight****</footer>
</body>
</html>
